@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior: url(css/PIE.htc);
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/

/*
解决safari浏览器添加transform属性对文字的影响
-webkit-font-smoothing: antialiased;
*/
/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{/*line-height:120%; */min-height:100px; font-family:"微软雅黑";font-size:14px;  margin:0 auto; color:#333;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:"微软雅黑",Arial;outline:none;border:none;background:none;padding:0;}

input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#fff;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#fff;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#fff;opacity: 1;}
textarea{ resize:none; }


a:focus{outline:none;}


.tran_scale{ overflow:hidden !important; display:block; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.tran_scale img{transition:all 0.8s; -webkit-transition:all 0.8s;  -moz-transition:all 0.8s; transform:scale(1,1); -webkit-transform:scale(1,1); display:block; }


/*清除样式 */
.clearfix {
    zoom: 1;
    _height: 1px
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.wrap{ width:1551px; margin:0 auto; position: relative; z-index:1; }

.body_box{  overflow: hidden; }

@font-face
{
    font-family: pingfang_bold;
    src: url('PingFang Bold.ttf');
}

@font-face
{
    font-family: pingfang_regular;
    src: url('PingFang ExtraLight.ttf');
}

/*header*/
.header{width: 100%;position: absolute;top:0px;left: 0px;z-index: 100;}
.header .logo{position: absolute;top: 40%;left: 3%;}
.header .logo img{width: 254px;height: 114px;}
.header .logo .logoText{font-size: 0;padding-top: 6%;display: none;}
.header .logo .logoText span{color: #FFF;font-size: 14px;line-height: 1;}
.header .logo .logoText span + span{background: url(../images/dian.png) no-repeat left center;padding-left: 17px;margin-left: 14px;}
.header .headNav{text-align: center;padding-top: 5%;}
.header .headNav li{margin: 0 30px;display: inline-block;}
.header .headNav li .one,
.header .headNav2 li .one{color: #FFF;font-size: 18px;line-height: 1;position: relative;padding-bottom: 10px;}
.header .headNav li .one:after,
.header .headNav2 li .one:after{content: "";display: block;height: 2px;background:#FFF;position: absolute;bottom:0px;left: 50%;transition: all 0.3s ease-in-out 0s;width: 0;}
.header .headNav li.active .one:after,
.header .headNav li:hover .one:after,
.header .headNav2 li.active .one:after,
.header .headNav2 li:hover .one:after{width:100%; left:0;}
.header p{position: absolute;top: 80%;right: 3%;color: #FFF;font-size: 20px;line-height: 1;}
.header p span{color: #FFF;font-size: 20px;line-height: 1;font-family: Arial;padding-left: 13px;}

.header .menu-activator{ display: none;position: relative;z-index: 99999999;position: absolute;top:19px;right:20px;}
.header .visual { display: inline-block; vertical-align: middle; cursor: pointer; color: #fff;}
.header .visual { position: relative; width: 32px; height:30px; }
.header .visual i.line {width: 100%;height:3px;background-color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display: block;position: absolute;-moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;-webkit-transition: all 300ms ease;transition: all 300ms ease;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
.header .visual i.line.line01 {top: 6px;filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;-moz-transition-delay: 210ms;-o-transition-delay: 210ms;-webkit-transition-delay: 210ms;transition-delay: 210ms;  }
.header .visual i.line.line02 {top: 14px;-moz-transition-delay: 140ms;-o-transition-delay: 140ms;-webkit-transition-delay: 140ms; transition-delay: 140ms;  }
.header .visual i.line.line03 {top: 22px;-moz-transition-delay: 70ms;-o-transition-delay: 70ms;-webkit-transition-delay: 70ms; transition-delay: 70ms;  }
.header .visual i.line.line04 {top: 30px;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-moz-transition-delay: 0ms;-o-transition-delay: 0ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;  }

.header .menu-activator.active .visual i.line:nth-child(1),
.header .menu-activator.active div.visual i.line:nth-child(3){top:16px  }
.header .menu-activator.active .visual i.line:nth-child(1) {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)  }
.header .menu-activator.active .visual i.line:nth-child(3) {-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg) }
.header .menu-activator.active .visual i.line:nth-child(2){filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0  }
.header .menu-activator.active .visual i.line.line01,
.header .menu-activator.active div.visual i.line.line02,
.header .menu-activator.active div.visual i.line.line03,
.header .menu-activator.active div.visual i.line.line04 {background-color: #fff;-moz-transition-delay:0ms;-o-transition-delay:0ms;-webkit-transition-delay:0ms;transition-delay:0ms  }
.header .visual:hover i.line.line01,
.header .menu-activator.active div.visual:hover i.line.line03 {filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1  }
.header .visual:hover i.line.line01,
.header .menu-activator.active div.visual:hover i.line.line02,
.header .menu-activator.active div.visual:hover i.line.line03,
.header .menu-activator.active div.visual:hover i.line.line04 {-moz-transition-delay:0ms;-o-transition-delay:0ms;-webkit-transition-delay:0ms;transition-delay:0ms  }
.headNav2{display: none;}

/*footer*/
.footer{position: relative;overflow: hidden;}
.footer .footLine{width: 100%;height:5px;background-image:-webkit-linear-gradient(to left,#1ba1e5,#6db73d); background-image:linear-gradient(to left,#1ba1e5,#6db73d);}
.footer .footUp{background:#333333;position: relative;}
.footer .logo,
.footer .wechat,
.footer .copyright .foota{float: left;}
.footer .copyright .foota{display: none;}
.footer .logo{margin: 4% 5% 4.5% 3%;}
.footer .logo img{width: 254px;height: 114px;}
.footer .logo .logoText{font-size: 0;padding-top: 6%;display: none;}
.footer .logo .logoText span{color: #808080;font-size: 14px;line-height: 1;}
.footer .logo .logoText span + span{background: url(../images/dians.png) no-repeat left center;padding-left: 17px;margin-left: 14px;}
.footer .footone{float: left;margin:7% 2% 0 0;padding-left: 3%;position: relative;box-sizing:border-box;}
.footer .f1{width: 19.5%;}
.footer .f1 p{width: 93%;}
.footer .f2{width: 24.5%;}
.footer .f2 p{width: 91%;}
.footer .f3{width: 10.6%;}
.footer .f3 p{width: 86%;}
.footer .footone p{color: #FFF;font-size: 14px;line-height: 1.5;border-left: 1px solid #adadad;padding-left: 5%;}
.footer .footone:before{content: "";display: block;width: 33px;height: 33px;position: absolute;left: 0;top: 50%;margin-top: -16.5px;}
.footer .f1:before{background: url(../images/ficon1.png) no-repeat left center;}
.footer .f2:before{background: url(../images/ficon2.png) no-repeat left center;}
.footer .f3:before{background: url(../images/ficon3.png) no-repeat left center;}
.footer .wechat img{width: 100%;}
.footer .wechat{margin: 4.3% 0 0 1.7%;width:4.6%;}
.footer .copyright{background:#202024;padding: 25px 0;}
.footer .copyright .foota a{color: #bcbcbc;font-size: 14px;line-height: 1;display: inline-block;margin-right: 42px;}
.footer .copyright .footx{color: #bcbcbc;font-size: 12px;line-height: 1.5;text-align: center;}
.footer .copyright .footx a{color: #bcbcbc;font-size: 12px;}
.footer .copyright .foota a:hover,
.footer .copyright .footx a:hover{color:#FFF;}
.returnTop{display: block;width: 41px;height: 33px;background: url(../images/tops.png) no-repeat;position: absolute;top:50%;right: 3.5%;margin-top: -16.5px;}

@media screen and (min-width: 1199px){
.header{opacity: 0;transition: 2s;-webkit-transition: 2s;transform: translate(0,-100px);-webkit-transform: translate(0,-100px);}
.header.show{opacity: 1;transform: translate(0,0);-webkit-transform: translate(0,0);}
}

@media screen and (max-width: 1600px){
.header .headNav li{margin: 0 20px;}
.footer .copyright .wrap{width: auto;padding: 0 3%;}
.footer .copyright{padding: 20px 0;}
.footer .logo img{width: 200px;height: 90px;}
.footer .logo .logoText span{font-size: 11px;}
.footer .wechat{width: 5.6%;}
.footer .footone{margin: 5% 2% 0 0;}
}

@media screen and (max-width: 1480px){
.header .headNav li{margin: 0 15px;}
.header .logo img{width: 200px; height: 90px;}
.header .logo .logoText span{font-size: 12px;}
.header .logo .logoText span + span{padding-left: 13px;margin-left: 10px;}
.header p,
.header p span{font-size: 18px;}
.header p span{padding-left: 10px;}
.header .headNav li .one{font-size: 16px;}
.header p{top: 78%;}
}

@media screen and (max-width: 1440px){
.footer .footone p,
.footer .copyright .foota a{font-size: 13px;}
.footer .copyright .foota a{margin-right: 22px;}
.footer .f1:before{width:25px;height:25px;background: url(../images/ficon1440.png) no-repeat left center;margin-top: -12.5px;}
.footer .f2:before{width:25px;height:25px;background: url(../images/ficon21440.png) no-repeat left center;margin-top: -12.5px;}
.footer .f3:before{width:25px;height:25px;background: url(../images/ficon31440.png) no-repeat left center;margin-top: -12.5px;}
}

@media screen and (max-width: 1280px){
.header .headNav li{margin: 0 12px;}
.header .logo img{width: 160px; height: 72px;}
.header .logo .logoText span{font-size: 9px;}
.header p{top: 75%;}
.header p,
.header p span{font-size: 16px;}
.header .headNav li .one{font-size: 15px;padding-bottom: 6px;}
.header p{top: 78%;}
}

@media screen and (max-width: 1199px){
.header .logo{top: 37%;left: 2%;}
.header .headNav{padding-top: 4%;}
.header p{top: 72%;right: 2%;}
.footer .logo{margin: 4% 2% 4.5% 3%;}
.footer .wechat{width: 6.6%;}
.footer .footone{margin: 5% 3.4% 0 0;}
.footer .f2{ width: 21.5%;}
.footer .copyright{padding: 15px 0;}
.footer .f1{width: 15.5%;}
}

@media screen and (max-width: 1100px){
.header .headNav li{margin: 0 10px;}
}

@media screen and (max-width: 1000px){
.header p,
.header .logo .logoText,
.header .headNav,
.footer .logo .logoText{display: none;}
.header .logo{top: 20px;left: 20px;}
.header .logo img{width: 100px;height: 45px;}
.header .menu-activator{ display: block;}
.header.active{height: 100%;background: rgba(0,0,0,0.8);}
.header .headNav2 li .one{font-size: 14px;padding-bottom:0;}
.header .headNav2 li{float: none;height: auto;margin: 0;padding: 3% 0;background: url(../images/jia.png) no-repeat 97% 10px;text-align: center;}
.header .headNav2 li.active{background: url(../images/jian.png) no-repeat 97% 10px;}
.header .headNav2 li .slideDown{display: none;margin-left:0px;position: static;text-align: left;width: auto;padding-left: 16px;}
.header .headNav2 li .one:after,
.header .headNav2 li:hover .one:after{display: none;}
.header .headNav2 li .slideDown a{margin: 12px 0 0 0;}
.header .searchBox{border-top: 0;font-size: 0;padding: 26px 0 34px;text-align: center;}
.headNav2 .nav2{width: 100%;display: inline-block;vertical-align: middle;}
.headNav2 .nav2 li{line-height: normal;}
.footer .copyright .foota,
.footer .copyright .footx,
.footer .logo,
.footer .footone,
.footer .wechat{float: none;}
.footer .copyright .footx{padding-top:5px;}
.footer .copyright{text-align: center;}
.footer .footLine{height: 3px;}
.footer .logo img{width: 100px;height: 45px;}
.footer .footUp{overflow: hidden;}
.footer .footone{margin: 5% 3%;width: auto;box-sizing: border-box;padding-left: 4%;}
.footer .footone p{ padding-left: 2%;}
.footer .wechat img{width: 80px;height: 80px;}
.footer .wechat{width: auto;margin: 4% 3%;text-align: center;}
.returnTop{top: auto;margin-top: 0;bottom: 39px;}
}

@media screen and (max-width: 768px){
.footer .footone{padding-left: 5%;}
.footer .footone p{padding-left: 3%;}
}

@media screen and (max-width: 640px){
.footer .footone{padding-left: 7%;}
.footer .footone p{padding-left: 4%;}
.returnTop{bottom: 25%;}
}

@media screen and (max-width: 480px){
.footer .wechat img{width: 60px;height: 60px;}
.footer .f1:before{width:18px;height:18px;background: url(../images/ficon1480.png) no-repeat left center;margin-top: -9px;}
.footer .f2:before{width:18px;height:18px;background: url(../images/ficon2480.png) no-repeat left center;margin-top: -9px;}
.footer .f3:before{width:18px;height:18px;background: url(../images/ficon3480.png) no-repeat left center;margin-top: -9px;}
.footer .footone p,
.footer .copyright .foota a{font-size: 12px;}
}

@media screen and (max-width: 360px){
.footer .footone{padding-left: 9%;}
.footer .footone p{padding-left: 5%;}
}



























